<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS事件监听联系</title>
</head>
<body onload="ee()">
    <input type="button" value="in" onclick="ON()">
    <input type="text" name="number" id="" onblur="bl()" onfocus="fc()">
    <p onkeydown="e1()">ttt</p>
    <p onmouseove="e2()">eee</p>
    <p onmouseout="e3()">eee</p>
    <input type="text" name="" id="">
</body>
<script>
    // onclick
    // onblur
    // onfocus
    // onload
    // onsubmit
    // onkeydown
    // onmouseover
    // onmouseout

    function ON(){
        console.log("onclick成功")
    }

    function bl(){
        console.log("失去焦点")
    }

    function fc(){
        console.log("获得焦点")
    }
    
    function ee(){
        console.log("事件加载成功")
    }
    function e1(){
        console.log("按下键盘")
    }
    function e2(){
        console.log("鼠标已经")
    }
    function e3(){
        console.log("鼠标移出")
    }
</script>
</html>